<!-- <template>
  <el-card style="width: 300px;background-color:#fff;" class="box">
            <div>{{title1}}</div>
            <div class="body">
              <img :src="src" alt="">
            </div>
            <div class="footer">
              <span>{{title2}}</span>
            </div> 
          </el-card>
  </template>
  <script setup>
  const props=defineProps(['title1','src','title2'])
  </script>
  <style scoped>
  .box{
    float: left;
    margin-right: 25px;
   margin-bottom: 13px;
  }
  .body{
      margin-top: 8px;
      display: flex;
      justify-content: space-around;
      line-height: 100px;
    } 
    .body img{
      width: 300px;
      height: 250px;
    }
    .footer{
      margin-top: 10px;
      display: flex;
      justify-content: space-around;
      font-size: 15px;
    }  
  </style> -->